<!DOCTYPE html>
<html>
    <head>
        <title>Home | VTVNOW</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <link href="public/css/style.css" rel="stylesheet"/>

        <link href="public/css/perfect-scrollbar.css" rel="stylesheet"/>
        <link href="public/css/jquery.bxslider.css" rel="stylesheet"/>

        <script type="text/javascript" src="public/js/jquery-2.0.2.min.js"></script>
        <script type="text/javascript" src="public/js/App.js"></script>
        <script type="text/javascript" src="public/js/perfect-scrollbar.js"></script>
        <script type="text/javascript" src="public/js/jquery.mousewheel.js"></script>

        <script type="text/javascript" src="public/js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="public/js/jquery.bxslider.min.js"></script>
        <script type="text/javascript">
            $(function () {
                var cH = ($("#content").height() - 72) / 2;
                $(".slider li .item").css({height: cH + "px"});
                $('.bxslider').bxSlider({
                    pager: false
                });
                $(window).resize(function () {
                    var cH = ($("#content").height() - 72) / 2;
                    $(".slider li .item").css({height: cH + "px"});
                });
                $("#slideshow a, .menu a").click(function () {

                    new Dialog().showPoster({
                        poster: $(this).data('poster'),
                        channel_logo: $(this).data("channel_logo"),
                        time: $(this).data("time")
                    });
                    return false;
                });
                $(".Dialog .Layout").on("click", function () {
                    new Dialog().close();
                });
                var Dialog = function () {
                    this.showPoster = function (options) {

                        var html = '<div class="Poster zoomIn animated">\n\
                        <div class="image" style="background: url(' + options.poster + ') no-repeat"></div>\n\
                        <div class="info">\n\
                            <div class="logo" style="background: url(' + options.channel_logo + ') no-repeat"></div>\n\
                            <div class="schedule"><span class="icon-clock"></span>' + options.time + '</div>\n\
                        </div>\n\
                    </div>';
                        $(".Dialog .Inner").html(html).parent().show();
                    };
                    this.close = function () {
                        $(".Dialog .Inner").empty().parent().fadeOut();
                    };
                };
            });</script>
    </head>
    <body>
        <div id="sidebar">
            
        </div>
        <div id="headerbar">
            <a href="#" class="logo"></a>
            <div class="actions">
                <a href="#" class="selected"><span class="icon-home"></span></a>
                <a href="#"><span class="icon-user"></span></a>
                <a href="#"><span class="icon-channel"></span></a>
            </div>
        </div>
        <div id="content">
            <div class="inner">
                <ul id="slideshow" class="slider bxslider">
                    <li>
                        <div class="item">
                            <a href="#" data-channel_logo='public/images/vtv6.png' data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule playing">Đang tương tác</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='1' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_2.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='1' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_3.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule playing">Đang tương tác</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                    </li>
                    <li>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                        <div class="item">
                            <a href="#" data-time='12h hàng ngày' data-channel_logo='public/images/vtv6.png' data-schedule='0' data-poster='public/uploads/poster_duongtoivuongmien.jpg'>
                                <div class="border">
                                    <div class="image" style="background: url(public/images/i_1.jpg) no-repeat"></div>
                                    <div class="info">
                                        <div class="logo" style="background: url(public/images/vtv6.png) no-repeat"></div>
                                        <div class="schedule"><span class="icon-clock"></span>12h00 hàng ngày</div>
                                    </div>
                                </div>
                            </a>
                            <button class="btn btn-unfollow"></button>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="Dialog">
                <div class="Layout"></div>
                <div class="Inner">

                </div>
            </div>
        </div>

        <script type="text/javascript" src="public/js/custom.js"></script>
    </body>
</html>
